<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div class="box">
	<div class="box-title">
		Categories
		<!-- 권한따라 보이기 -->
		<c:if test="${session != null}">
		<button type="button" class="manage_32" onclick="location.href='/category.do'"><span>카테고리관리</span></button>
		</c:if>
		<!-- 권한따라 보이기 -->
	</div>
	<div class="box-content">
		<ul class="nice-list snbMenuList">
			<!-- <li>
				<a href="#">스테인레스</a>
				<ul>
					<li><a href="1">럭셔리</a></li>
					<li><a href="2">파라다이스</a></li>
					<li><a href="3">피앙세</a></li>
				</ul>
			</li>
			<li><a href="#">후라이팬</a>
				<ul>
					<li><a href="4">럭셔리</a></li>
					<li><a href="5">파라다이스</a></li>
					<li><a href="6">피앙세</a></li>
				</ul></li>
			<li><a href="#">식도/도마</a>
				<ul>
					<li><a href="#">럭셔리</a></li>
					<li><a href="#">파라다이스</a></li>
					<li><a href="#">피앙세</a></li>
				</ul></li>
			<li><a href="#">수저/조리도구/식기</a>
				<ul>
					<li><a href="#">럭셔리</a></li>
					<li><a href="#">파라다이스</a></li>
					<li><a href="#">피앙세</a></li>
				</ul></li>
			<li>
			<a href="#">세라믹냄비</a>
				<ul>
					<li><a href="#">럭셔리</a></li>
					<li><a href="#">파라다이스</a></li>
					<li><a href="#">피앙세</a></li>
				</ul>
			</li> -->
			<c:forEach var="categoryList" items="${categoryList}">
			<li>
				<a href="#" id="${categoryList.categoryId}_categoryList" >${categoryList.categoryName}</a>
			</li>
			</c:forEach>
		</ul>
	</div>
</div>
<script>
jQuery(function($) {
	$(".snbMenuList > li > ul").addClass("blind");
	$(".snbMenuList > li > ul > li").addClass("menuItem");

	$(".snbMenuList > li > a").click(function() {
		
		var ulSize = $(this).parent().children('ul').size();
		if (ulSize > 0) {
			$(this).parent().find('ul').remove();
		} else {
			if(ulSize == 0){
				var categoryId = $(this).attr('id').replace('_categoryList','');
				var ulTag = $('<ul></ul>');
		        $.post('/category/getChilds/'+categoryId+'.do', {mode: 'mode'},
		            function(data){
		        		$.each(data.model.category, function(key,value){
		        			$(ulTag).append('<li><a id="' + value.categoryId + '_categoryList" href="/products.do?productCategoryId='+value.categoryId+'" >'+value.categoryName+'</a></li>');		
		        		});
		        }, 'json');
		        $(this).parent().append($(ulTag));
	        }
		}
		return false;
	});

	$("li.menuItem > a").click(function(event) {
		event.preventDefault();
		event.stopPropagation();
		var categoryId = $(this).attr("href");
		$(".snbMenuList li.current_page_item").removeClass("current_page_item");
		$(this).parent().parent().removeClass("blind");
		$(this).parent().addClass("current_page_item");
		//alert("선택된 카테고리 ID는 " + categoryId);
		/*
		$.ajax({
			url: "/products/productList",
			data: "product.category.categoryId="+categoryId,
			type: "get",
			dataType: "html",
			success: function(result) {
				$("#products").html(result);
			}, error: function() {
				alert("ajax 오류가 발생하였습니다.");
			}
		}); */
	});
	var selectedCategoryId = "${categoryId}";
	if (selectedCategoryId == "" && "${currentMenu}" == "products") {
		$("li.menuItem > a:first").trigger("click");
	} else {
		$("li.menuItem > a[href="+selectedCategoryId+"]").trigger("click");
	}
});
</script>